﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="home.aspx.cs" Inherits="Cinemax.Home" %>

<asp:Content ID="Content2" ContentPlaceHolderID="title" runat="server">
    <title>Rạp Cinemax - Trang chủ</title>
    <script type="text/javascript">

        stepcarousel.setup({
            galleryid: 'dangchieu', //id of carousel DIV
            beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
            panelclass: 'movies', //class of panel DIVs each holding content
            autostep: { enable: false, moveby: 1, pause: 5000 },
            panelbehavior: { speed: 300, wraparound: false, wrapbehavior: 'slide', persist: false },
            defaultbuttons: { enable: true, moveby: 1, leftnav: ['img/icon_arrow01.gif', -33, -2100], rightnav: ['img/icon_arrow02.gif', 3, -2100] },
            statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
            contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
        })
    </script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#film_list').galleryView({
                nav_theme: 'light',
                pause_on_hover: true,
                background_color: 'black',
                show_captions: true,
                panel_width: 600,
                panel_height: 300,
                frame_gap: 15
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="menu_conent_place_holder" runat="server">
    <li><a href="home.aspx" id="A1" class="active">Trang chủ</a></li>
    <li><a href="list_film.aspx" id="A2">Phim</a></li>
    <li><a href="film_schedule.aspx" id="A3">Lịch chiếu/Đặt vé</a></li>
    <li><a href="ticket_promotion.aspx" id="A4">Giá vé &#38; Khuyến mãi</a></li>
    <li><a href="personalize.aspx" id="A5">Quản lý</a></li>
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="maincontent" runat="server">
    <div id="highlight">
        <ul id="film_list">
            <%
                foreach (Cinemax.DTO.PhimDTO item in lstFilms)
                {
            %>
            <li>
                <img alt="<%=item.TenPhim %>" src="<%=item.HinhAnh %>" />
                <div class="panel-overlay">
                    <span style="font-size: 14px; font-weight: bold; color: aqua;">
                        <%=item.TenPhim %></span><br />
                    <%=item.NoiDung %>
                </div>
            </li>
            <%
                }
            %>
        </ul>
    </div>
    <div id="block1">
        <table cellpadding="0" cellspacing="0" style="width: 100%;">
            <tr>
                <td>
                    <a href="#">
                        <img alt="" src="img/ve_btn.jpg" /></a>
                </td>
                <td style="text-align: center;">
                    <a href="#">
                        <img alt="" src="img/movie_quiz.jpg" /></a>
                </td>
                <td style="text-align: right;">
                    <a href="#">
                        <img alt="" src="img/lichchieu_btn.jpg" /></a>
                </td>
            </tr>
        </table>
    </div>
    <div id="block2">
        <div id="dangchieu" class="stepcarousel">
            <div class="belt" style="width: 520px;">
                <!-- BEGIN FilmList -->
                <%
                    foreach (Cinemax.DTO.PhimDTO item in lstFilms)
                    {
                %>
                <div class="movies" style="float: none; position: absolute; left: 0px;">
                    <div class="bgimg01">
                        <a href="#">
                            <img alt="<%=item.TenPhim.ToUpper() %>" src="<%=item.HinhAnh %>" width="108" /></a>
                    </div>
                    <h4>
                        <a href="#">
                            <%=item.TenPhim.ToUpper() %></a></h4>
                </div>
                <%
                    }
                %>
                <!-- END FilmList -->
            </div>
        </div>
    </div>
</asp:Content>
